body {
    color:#51555C;
    height:100%;
    font-family: Tahoma;
    font-size: 11px;
}

a:link, a:visited, a:active {
    color: #3b5998;
    text-decoration: none;
    outline: none;
}

a:hover {
    text-decoration: underline;
}
/* Form styles */

label {
    font-weight: bold;
    margin-right: 5px;
}

input, select{
    padding:3px;
    color:#333333;
    border:1px solid #96A6C5;
    margin-top:2px;
    font-size:12px;
}

.fb_button {
/*    background-color: #3b5998;*/
    background-color: #333333;
    border-color: #d8dfea rgb(14, 31, 91) rgb(14, 31, 91) rgb(216, 223, 234);
    border-style: solid;
    border-width: 1px;
    color: #fff;
    font-family: tahoma, verdana, arial, sans-serif;
    font-size: 11px;
    margin: 0 2px;
    padding: 2px 18px;
    font-weight: bold;
    cursor: pointer;
}

select{
    width:auto;
    padding:2px;
}

.column{
    width: 100%;
    margin-right: .5%;
    background:#fff;
    float:left;
}
.column .dragbox{
    margin:5px 2px  20px;
    background:#fff;
    position:relative;
    border:1px solid #ddd;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
}
.column .dragbox h2{
    margin:0;
    font-size:12px;
    padding:5px;
    background:#f0f0f0;
    color:#000;
    border-bottom:1px solid #eee;
    font-family:Tahoma;
    cursor:move;
}
.dragbox-content{
    background:#fff;
    margin:5px;
}
.column  .placeholder{
    background: #f0f0f0;
    border:1px dashed #ddd;
}
.dragbox h2.collapse{
    background:#f0f0f0 url('collapse.png') no-repeat top right;
}
.dragbox h2 .configure{
    font-size:11px; font-weight:normal;
    margin-right:30px; float:right;
}

table#categories {
    border: 1px solid silver;
    font-family: Verdana;
    font-size:12px;
}

table#categories tr.drag {
    background: #c2e1ef;
}

table#categories td {
    padding: 3px;
}

.dragHandle {
    background: url('draggable.png');
    background-position: 2px 4px;
    width: 10px;
}

.dragHandleHover {
    background: url('draggable.png');
    background-position: 2px -16px;
    cursor: move;
}

.header{
    background: #e4e4e4;
}

#logo{
    background: url(../images/logo.png) center no-repeat;
    padding: 20px;
    height: 60px;
}

#menu{
    background: #333; color: #FFF;
    height: 40px;
}
#menu ul{
    margin: 0; padding: 0;
}
#menu ul li{    
    list-style: none;
    float: left;
    padding-top: 10px;
}
#menu ul li:hover{
}
#menu ul li a {
    padding: 8px 20px 10px 20px;
    color: #FFF;
    text-decoration: none;
    background: url(../images/admin/menu_bg.png) no-repeat 100%;
}
#menu ul li a:hover{
    color: #666;
    background: url(../images/admin/menu_bg2.png) no-repeat 100%
}
#user_box{
    background: url(../images/admin/user.png) no-repeat 7px 9px;
    float: right;
    padding: 13px 20px 10px 30px;
}

.left-menu{
    background: #E4E4E4;
    min-height: 700px;
}
.left-menu ul{
    margin: 0;
    padding: 0;
}
.left-menu ul li{
    list-style: none;
    margin: 0;
    padding: 10px 20px;
    border-bottom: 1px dashed #CCC;
}
.left-menu ul li:hover{
    background: #EFEFEF;
}

/*  LOGIN FORM  */
.login a{
    text-decoration: none;
    color: #999;
}
.login a:hover{ color: #000;}
.login{
    background: #FFF;
    width: 400px;
    margin: 120px auto; padding: 20px;
    border: 1px solid #ccc;
}
.login form{
    color: #999;
}
.login input.text{
    font-family: Arial;
    font-weight: bolder;
    background: #333;
    height: 40px;
    width:350px;
    color: #FFF;
    padding: 0 20px;
    font-size: 17px;
    line-height: 40px;
}
.button{
    color: #FFF;
    border: 0;
    height: 40px; width: 140px;
    background: url(../images/admin/button.png) top repeat-x;
}
.button:hover{ background: url(../images/admin/button.png) bottom repeat-x; cursor: pointer; }

ol#category_list {
    line-height: 20px;
    font-size: 12px;
}

ol#category_list div{
    border: 1px solid #d8dfea;
    width: 200px;
    padding: 3px;
    margin: 5px;
    color: #3b5998;
    cursor: move;
}

.placeholder{
    border: dashed 1px #3b5998;
    background-color: #d8dfea;
    width: 200px;
    margin: 5px;
}
input[type=file]{
    background-color:#fff;
    border:1px solid #bbb;
    padding: 5px;
}
.left{
    float:left;
}
.right{
    float:right;
}

/*content*/
.content-title{
    margin: 10px 0 5px 0;
    color: #C00;
}
.new-button{
    background: url(../images/icon/add-icon.png) no-repeat 0 0;
    font-size: 12px;
    margin: 0;
    padding: 2px 0 2px 20px;
}
.new-button a{
    font-weight: bold;
}
/*List node*/
.list_node{
    margin:0;
    padding:0;
}
.list_node li{
    list-style: none;
    overflow: hidden;
    text-align: center;
    border: 1px solid #DDD;
    border-top: 0px;
    padding: 2px;
}
.list_node li:hover{
    background: #FFF6BF;
}
.list_node li.title{
    font-weight: bold;
    border: 1px solid #DDD;
    background: #E7E7E7;
}
/*Pagging*/
.paging{
    margin: 10px 0;
    text-align: right;
}
.paging a, .paging strong{
    padding: 2px 7px;
    border: 1px solid #DDD;
    margin-left:5px;
}
.paging strong{
    background: #E7E7E7;
}
